<div class="title">SSO登录</div>
<div class="loginarea">
  <form method="POST">
    <div class="formitem">
      <label for="name">账户名</label>
      <input type="text" id="name" name="name" />
    </div>
    <div class="formitem">
      <label for="password">密码</label>
      <input type="password" id="password" name="password" />
    </div>
    <div class="formitem">
      <button class="submitbtn" type="submit">登录系统</button>
    </div>
  </form>
</div>

<style>
  .title {
    color: red;
  }

  .loginarea {
    margin-top: 20px;
    width: 400px;
    border: 1px solid red;
  }

  .formitem {
    line-height: 24px;
    margin: 10px;
  }

  label {
    font-size: 16px;
    width: 20%;
  }

  input {
    width: 80%;
    height: 20px;
    font-size: 16px;
    float: right;
  }

  .submitbtn {
    padding: 4px 10px;
    text-align: center;
  }
</style>
